body {
	background: #7db9e8; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #7db9e8 1%, #1e5799 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#7db9e8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #7db9e8 1%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #7db9e8 1%,#1e5799 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #7db9e8 1%,#1e5799 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #7db9e8 1%,#1e5799 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
html, body {
	height: 100%;
}

.container {
	margin: 1em auto;
	padding: 1em;
	background-color: #fff;
	border: 1px solid white;
	border-radius: 0.67em;
	max-width: 64em;
	width: 80%;
	min-width: 48em;
	position: relative;
}

.navigation-container {
	width: 100%;
	margin-bottom: 1.5em;
	text-align: center;
}

.home-header {
	padding-top: 2em;
	padding-bottom: 3.5em;
	text-align: center;
}

.img-box {
	width: 100%;
	display: block;
	position: relative;
	background-size: cover;
}
.img-box:after {
  padding-top: 100%;
  display: block;
  content: '';
}

.page-header {
	padding: 4em 0 0 1em;
}

.feed-entry {
	margin: 1em 0 0 0;
}

/*.feed-entry:hover {
	background-color: rgb(238, 238, 238);
}*/

.feed-preview {
	border: 1px solid #bbb;
	background-color: #fff;
	padding: 0.25em;
	box-sizing: border-box;
}

.feed-description *{
	margin-left: 1em;
}

.content {
	position: relative;
	border-top: 1px solid gray;
}

.sidebar {
	position: absolute;
	top: 0;
	bottom: 0;
	border-left: 1px solid gray;
	margin-left: -1px;
}

.sidebar-menu {
	border: 0px !important;
}

.pure-menu-heading {
	text-transform: none !important;
	font-size: 1.1em !important;
	border: 0px !important;
}

.left {
	float: left;
}

.middle{
	float: none;
}

.right {
	float: right;
}

.picture {
	width: 100%;
	padding-bottom: 56.75%;
	background-size: cover;
}